<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>创建新元素</title>
<script>
window.onload = function() {
  // 创建新的div元素节点
  var newDiv = document.createElement("div");

  // 创建文本节点
  var textNode = document.createTextNode("Hello World!");

  // 将文本节点添加到新创建的div元素中
  newDiv.appendChild(textNode);

  // 将新创建的div元素添加到body中
  document.body.appendChild(newDiv);
};
</script>
</head>
<body>

<!-- 页面加载完成后，JavaScript将执行并添加div元素 -->

</body>
</html>